<template>
	<div>
		<nav class="header">
			<div class="headerone">
				<svg @click="goback" t="1734329495406" class="icon" viewBox="0 0 1024 1024" version="1.1"
					xmlns="http://www.w3.org/2000/svg" p-id="4247" width="25" height="20">
					<path
						d="M781.566553 1011.699354L168.659015 540.690841c-20.402945-16.0254-20.402945-42.009075 0-58.034474L781.566553 11.647854c20.377345-16.0254 53.400932-16.0254 73.778278 0 20.377345 15.9998 20.377345 42.009075 0 58.008875L279.326431 511.686404l576.0184 442.004075c20.377345 15.9998 20.377345 41.983475 0 58.008875-20.377345 16.0254-53.400932 16.0254-73.778278 0z"
						fill="#323232" p-id="4248"></path>
				</svg>
				<h3 class="gua">
					挂号须知
				</h3>
			</div>
			<span></span>
		</nav>
		<div class="hrs">
			<hr width='100%' />
		</div>
		<nav class="main">
			<div class="list">
				<div class="ciry">
					<svg t="1734331904095" class="icon" viewBox="0 0 1024 1024" version="1.1"
						xmlns="http://www.w3.org/2000/svg" p-id="5330" width="12" height="12">
						<path
							d="M512 512m-469.333333 0a469.333333 469.333333 0 1 0 938.666666 0 469.333333 469.333333 0 1 0-938.666666 0Z"
							fill="#5C5C66" p-id="5331"></path>
					</svg>
				</div>
				<div class="listtext">
					挂号成功以医院成功挂号记录为准。参考APP中挂号状态（查看方式：【我】-【挂号记录】-【状

					态：已挂号】）
				</div>
			</div>
			<div class="lista">
				<div class="ciry">
					<svg t="1734331904095" class="icon" viewBox="0 0 1024 1024" version="1.1"
						xmlns="http://www.w3.org/2000/svg" p-id="5330" width="12" height="12">
						<path
							d="M512 512m-469.333333 0a469.333333 469.333333 0 1 0 938.666666 0 469.333333 469.333333 0 1 0-938.666666 0Z"
							fill="#5C5C66" p-id="5331"></path>
					</svg>
				</div>
				<div class="listtext">
					号源更新时间：每日下午16点
				</div>
			</div>
			<div class="lista">
				<div class="ciry">
					<svg t="1734331904095" class="icon" viewBox="0 0 1024 1024" version="1.1"
						xmlns="http://www.w3.org/2000/svg" p-id="5330" width="12" height="12">
						<path
							d="M512 512m-469.333333 0a469.333333 469.333333 0 1 0 938.666666 0 469.333333 469.333333 0 1 0-938.666666 0Z"
							fill="#5C5C66" p-id="5331"></path>
					</svg>
				</div>
				<div class="listtexta">
					普通门诊医事服务费：知名专家100元，主任医师
					80元，副主任医师60元，普通门诊50元
				</div>
			</div>
			<div class="lista">
				<div class="ciry">
					<svg t="1734331904095" class="icon" viewBox="0 0 1024 1024" version="1.1"
						xmlns="http://www.w3.org/2000/svg" p-id="5330" width="12" height="12">
						<path
							d="M512 512m-469.333333 0a469.333333 469.333333 0 1 0 938.666666 0 469.333333 469.333333 0 1 0-938.666666 0Z"
							fill="#5C5C66" p-id="5331"></path>
					</svg>
				</div>
				<div class="listtexta">
					支付时效：预约成功后，请在5分钟内完成挂号支付
					操作，超时系统将自动取消本次预约
				</div>
			</div>
			<div class="lista">
				<div class="ciry">
					<svg t="1734331904095" class="icon" viewBox="0 0 1024 1024" version="1.1"
						xmlns="http://www.w3.org/2000/svg" p-id="5330" width="12" height="12">
						<path
							d="M512 512m-469.333333 0a469.333333 469.333333 0 1 0 938.666666 0 469.333333 469.333333 0 1 0-938.666666 0Z"
							fill="#5C5C66" p-id="5331"></path>
					</svg>
				</div>
				<div class="listtexta">
					预约挂号成功后48小时内同时要在就诊日前一天中
					午12：00前可在手机APP上退号；如超过手机APP
					最迟退号时间，且未到就诊日期的，请携带患者有
					效证件到医院收费窗口退号
				</div>
			</div>
			<div class="lista">
				<div class="ciry">
					<svg t="1734331904095" class="icon" viewBox="0 0 1024 1024" version="1.1"
						xmlns="http://www.w3.org/2000/svg" p-id="5330" width="12" height="12">
						<path
							d="M512 512m-469.333333 0a469.333333 469.333333 0 1 0 938.666666 0 469.333333 469.333333 0 1 0-938.666666 0Z"
							fill="#5C5C66" p-id="5331"></path>
					</svg>
				</div>
				<div class="listtexta">
					若手机退号时间超过预约就诊日期的工作开始时间
					，手机APP和医院收费窗口一律不退号
				</div>
			</div>
		</nav>
		<div class="is_read">
			<div style="display: flex;width: 15rem;">
				<span style="margin-right: 0.5rem;">
					<span class="isckeck" @click="toggleCheck" v-if="isCheck==false"></span>
					<span class="isckecka" @click="toggleCheck" v-else>√</span>
				</span>
				<span>
					我已经阅读并同意
					<span style="color: blue;">
						《挂号须知》
					</span>

				</span>
			</div>
		</div>
		<footer class="zlmtom">
			<button class="zlm" @click="shour">确定</button>
		</footer>
	</div>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello',
				isCheck: true
			}
		},
		onLoad() {

		},
		methods: {
			toggleCheck() {
				this.isCheck = !this.isCheck;
				console.log(this.isCheck)
			},
			goback() {
				uni.switchTab({
					url: '/pages/index/index',
					success: function() {
						console.log('跳转成功');
					},
					fail: function(err) {
						console.error('跳转失败：', err);
					}
				});
			},
			shour() {
				if (this.isCheck == true) {
					uni.navigateTo({
						url: '/pages/register/doctorDepartment'
					})
				} else {
					uni.showToast({
						title: '请先阅读并同意挂号须知',
						icon: 'none'
					});
				}
			}
		}
	}
</script>

<style scoped>
	.header {
		display: flex;
		padding-top: 0.73rem;
	}

	.headerone {
		display: flex;
		justify-content: space-around;
		width: 8.1rem;
	}

	.headerone svg {
		margin-top: 0.2rem;
	}
	.hrs {
		display: flex;
		justify-content: center;
		margin-top: 1rem;
	}

	.hrs hr {
		width: 95%;
		border: 0;
		height: 1px;
		background-color: #ccc;
	}

	.main {
		width: 22rem;
		margin-left: 0.7rem;
		margin-top: 0.7rem;
	}

	.list {
		display: flex;
		justify-content: space-between;
	}

	.ciry {
		margin-top: 0.8rem;
		margin-right: 0.5rem;
	}

	.listtext {
		font-size: 0.98rem;
		line-height: 2.5rem;
	}

	.lista {
		display: flex;
		margin-top: 0.5rem;
	}

	.listtexta {
		font-size: 0.98rem;
		margin-top: 0.7rem;
	}

	.is_read {
		margin-top: 3rem;
		background-color: #F2F2F2;
		height: 5rem;
		line-height: 5rem;
		padding: 0px 0.5rem;
	}

	.zlm {}

	.zlm {
		background-color: #6C63FF;
		margin-top: 3.5rem;
		width: 20rem;
		color: white;
		height: 3rem;
		line-height: 3rem;
	}

	.isckeck {
		display: inline-block;
		width: 0.6rem;
		height: 0.6rem;
		background-color: white;
		border: 1px solid black;
		border-radius: 0.1rem;
	}

	.isckecka {
		font-size: 0.5rem;
		width: 0.8rem;
		height: 0.6rem;
		background-color: white;
		border: 1px solid black;
		border-radius: 0.1rem;
		background-color: #ccc;
		color: white;
	}
</style>